<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{
				text-decoration: none;
			}
			#zui-wai-ce-fang-kuai{
				/* background-color: red; */
				width: 100%;
				height: 800px;
			}
			#da-qiao-tu-pian-fang-kuai{
				opacity: 1;
				width: 477px;
				height: 800px;
			}
			#di-er-ge-fang-kuai{
				width: 1200px;
				height: 800px;
				/* background-color: aqua; */
				position: relative;
				left: 600px;
				bottom: 800px;
			}
			#wu-ren-ji-zui-wai-ce-fang-kuai{
				position: absolute;
				left: 10px;
				top: 20px;
			}
			#wen-zi{
				color: #fff;
				font-size: 40px;
				position: relative;
				left: 100px;
				bottom: 120px;
			}
			#bai-se-wu-ren-ji{
				position: relative;
				bottom: 40px;
				width: 200px;
				height: 140px;
				opacity: 1;
			}
			#xin-xi-fang-kuai{
				margin: 0 auto;
				/* background-color: yellow; */
				width: 672px;
				height: 700px;
				position: absolute;
				top: 150px;
				left: 260px;
			}
			#ge-ren-xin-xi{
				font-size: 30px;
				font-weight: 600;
				position: relative;
				bottom: 80px;
			}
			.wen-ben-kuang{
				width: 672px;
				height: 32px;
				padding-left: 10px;
				padding-top: 10px;
				padding-bottom: 10px;
				border: 1px solid #cccccc;
				border-radius: 5px;
				font-size: 15px;
				color: #a6a6a6;
				background-color: #ffffff;
				position:relative;
				bottom: 30px;
			}
			.a1{
				font-size: 20px;
				font-weight: normal;
			}
			#gong-qu-ming-cheng{
				position:relative;
				bottom: 70px;
			}
			#qing-shu-ru-gong-qu-ming-cheng{
				position: relative;
				bottom: 70px;
			}
			#jian-cheng-shi-jian{
				position: relative;
				bottom: 53px;
			}
			#jian-cheng-shi-jian-1{
				position: relative;
				bottom: 56px;
			}
			#she-ji-dan-wei{
				position: relative;
				bottom: 55.5px;
			}
			#dan-wei-ming-cheng{
				position: relative;
				bottom: 57px;
			}
			#an-niu-xia-yi-bu{
				position: relative;
				left: 336px;
				bottom: 50px;
				width: 100px;
				height: 40px;
				border-radius: 5px;
				border: 1px solid #A1C1FF;
				background-color: #A1C1FF;
				color: #FFFFFF
				}
			#an-niu-shang-yi-bu{
				position: relative;
				right: 40px;
				bottom: 25px;
				width: 100px;
				height: 40px;
				border-radius: 5px;
				border: 1px solid #A6A6A6;
				background-color: #ffffff;
				color: #000000
				}
			li {
				width: 350px;
				height: 40px;
				/* background-color: red; */
				text-align: center;
				line-height: 40px;
				list-style: none;
				float: left;
				font-size: 30px;
				position: relative;
				left: 60px;
				color: #7F7F7F;
				}
			#ge-ren-xin-xi-2{
				color: #00B955;
				}
			#gong-qu-xin-xi{
				color: #00B955;
				}
			.b1{
				font-size: 20px;
				color: #7F7F7F;
				}
			.b1:hover{
				text-decoration: underline;
				text-decoration-color: #1464FF;
				cursor: pointer;
				}
			#qing-wan-shan-deng-lu-xin-xi{
				position: absolute;
				right: 162px;
				}
			#qing-gen-jv-yao-qiu-lu-ru-wan-zheng-de-gong-qv-xin-xi{
				position: absolute;
				left: 45px;
				}
			#qing-she-zhi-deng-lu-mi-ma{
				position: absolute;
				left: 110px;
				}
			#shi-gong-dan-wei{
				position: relative;
				bottom: 58px;
				}
			#dan-wei-ming-cheng-1{
				position: relative;
				bottom: 60px;
				}
			#san-ge-xuan-ze{
				position: relative;
				bottom: 60px;
				}
			.c1{
				font-size: 20px;
				width: 20px;
				height: 20px;
				}
			.d1{
				font-size: 20px;
				font-weight: normal;
				color: #000000;
				}
			#yang-hu-deng-ji{
				position: relative;
				bottom: 60px;
				}
			#si-ge-xuan-ze{
				position: relative;
				bottom: 65px;
				}
			#lu-xian-deng-ji{
				position: relative;
				bottom: 65px;
				}
			#qing-shu-ru-lu-xian-bian-hao{
				position: relative;
				bottom: 70px;
			}
			#lu-xian-bian-hao{
				position: relative;
				bottom: 70px;
			}
			#she-zhi-deng-lu-mi-ma{
				color: #1464FF;
			}
		</style>
	</head>
	<body>
		<div id="zui-wai-ce-fang-kuai">
			<div>
				<div>
					<img id="da-qiao-tu-pian-fang-kuai" src="img/图片10086.png" alt="" />
				</div>
				<div id="wu-ren-ji-zui-wai-ce-fang-kuai">
					<img src="img/图片10087.png" alt="">
					<h3 id="wen-zi">
						FaL Lab
					</h3>
					<img src="img/图片10088.png" alt="" id="bai-se-wu-ren-ji"/>
				</div>
			</div>
			<div>
				<div id="di-er-ge-fang-kuai">
					<ul>
						<li id="ge-ren-xin-xi-2">
							☑ 个人信息——————
							<div class="b1" id="qing-wan-shan-deng-lu-xin-xi">
								请完善登录信息
							</div>
						</li>
						<li id="gong-qu-xin-xi">
							☑ 工区信息——————
							<div class="b1" id="qing-gen-jv-yao-qiu-lu-ru-wan-zheng-de-gong-qv-xin-xi">
								请根据要求录入完整的工区信息
							</div>
							
						</li>
						<li id="she-zhi-deng-lu-mi-ma">
							③ 设置登录密码
							<div class="b1" id="qing-she-zhi-deng-lu-mi-ma">
								请设置登录密码
							</div>
						</li>
					</ul>
					<form action="">
						<table border="0" id="xin-xi-fang-kuai">
							<tr>
								<td>
									<div id="ge-ren-xin-xi">
										工区信息
									</div>
								</td>
							</tr>
							<tr>
								<td id="lu-xian-bian-hao" class="a1">
									*路线编号
								</td>
							</tr>
							<tr>
								<td>
									<input id="qing-shu-ru-lu-xian-bian-hao" class="wen-ben-kuang" type="text" placeholder="请输入路线编号"/>
								</td>
							</tr>
							<tr>
								<td class="a1" id="gong-qu-ming-cheng">
									*工区名称
								</td>
							</tr>
							<tr>
								<td>
									<input id="qing-shu-ru-gong-qu-ming-cheng" class="wen-ben-kuang" type="text" placeholder="请输入工区名称"/>
							</tr>
							<tr>
								<td id="lu-xian-deng-ji" class="a1">
									*路线等级
								</td>
							</tr>
							<tr>
								<td id="si-ge-xuan-ze">
									<input class="c1" type="radio" name="xuanze" checked/>
									<span class="d1">
										一级
									</span>
									<input class="c1" type="radio" name="xuanze"/>
									<span class="d1">
										二级
									</span>
									<input class="c1" type="radio" name="xuanze"/>
									<span class="d1">
										三级
									</span>
									<input class="c1" type="radio" name="xuanze"/>
									<span class="d1">
										四级
									</span>
								</td>
							</tr>
							<tr>
								<td id="yang-hu-deng-ji" class="a1">
									*养护等级
								</td>
							</tr>
							<tr>
								<td id="san-ge-xuan-ze">
									<input class="c1" type="radio" name="xuanze2" checked/>
									<span class="d1">
										一级
									</span>
									<input class="c1" type="radio" name="xuanze2"/>
									<span class="d1">
										二级
									</span>
									<input class="c1" type="radio" name="xuanze2"/>
									<span class="d1">
										三级
									</span>
								</td>
							</tr>
							<tr>
								<td class="a1" id="jian-cheng-shi-jian">
									*建成时间
								</td>
							</tr>
							<tr>
								<td>
									<input id="jian-cheng-shi-jian-1" class="wen-ben-kuang" type="date" placeholder="选择时间"/>
								</td>
							</tr>
							<tr>
								<td class="a1" id="she-ji-dan-wei">
									*设计单位
								</td>
							</tr>
							<tr>
								<td>
									<input id="dan-wei-ming-cheng" class="wen-ben-kuang" type="text" placeholder="请输入单位名称"/>
								</td>
							</tr>
							<tr>
								<td class="a1" id="shi-gong-dan-wei">
									*施工单位
								</td>
							</tr>
							<tr>
								<td>
									<input id="dan-wei-ming-cheng-1" class="wen-ben-kuang" type="text" placeholder="请输入单位名称"/>
								</td>
							</tr>
							<tr>
								<td>
									<button id="an-niu-xia-yi-bu">
										下一步
									</button>
								</td>
							</tr>
						</table>
					</form>
				</div>
			</div>
		</div>
		<form action="登录页-注册-工区信息.html">
			<button id="an-niu-shang-yi-bu">
				上一步
			</button>
		</form>
	</body>
</html>